.doktor-tab
{
   margin-top:10px;
   padding-top:10px;
   border-top:1px solid #ccc;
   border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.custom-error
{
    color:red;
}
 
 @media (min-width: 1200px)
.expertCard .expertDetails {
    width: 1038px;
}


@media (min-width: 992px)
.expertCard .expertDetails {
    width: 882px;
}

@media (min-width: 768px)
.expertCard .expertDetails {
    width: 100%;
}

.account-information-col, .expertCard .expertDetails, .expertImage img, .expertImageBox {
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px)
.expert_line {
    width: 465px !important;
    height: 1px !important;
    margin-left: 25px;
    background-color: #dcdcdc;
}

@media (min-width: 1400px)
.expert_line {
    width: 625px !important;
    height: 1px !important;
    margin-left: 25px;
    background-color: #dcdcdc;
}
 
 .expertCard .expertCardStatusActive,.expertCard .expertCardStatusDeactive {
        width: 90px;
        height: 25px;
        top: -12px;
        font-size: 12px;
        border-radius: 25px;
        display: flex;
        align-content: center
    }
    
    
     .expertCard .expertCardStatusActive,.expertCard .expertCardStatusDeactive {
        justify-content: center
    }
    
    .expertCard .expertCardStatusActive {
    background-color: #06d083;
}

.expertCard .expertCardStatusActive, .expertCard .expertCardStatusDeactive {
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
    border-radius: 8px;
    width: 69px;
    height: 18px;
    font-size: 8px;
    line-height: 18px;
    font-weight: 700;
    position: relative;
    text-align: center;
    color: #fff;
}

    .partnerLanding {
        height: 650px!important
    }

    .expertCard .expertCardStatusActive,.expertCard .expertCardStatusDeactive {
        justify-content: center
    }

.expertCard {
    width: 304px !important;
    background-color: #fff;
    padding: 22.8px 37px 27.6px 38px;
    box-shadow: 0 3px 43px 0 rgba(0,0,0,.09);
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.expertImage {
    width: 140px;
    height: 140px;
    border-radius: 160px;
    border: solid 1px #06d083;
    box-shadow: 0 0 0.5em #06d083;
}


.txtDark{
    
    font-weight: 700;
    color: var(--dark, #2D2424);
    text-align: center;
    font-family: Montserrat;
    /* font-size: 14px; */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
}


@media (min-width: 1200px)
.expertImage {
    width: 160px;
    height: 160px;
}



 .expertCard {
        margin: 0 auto;
        width: 800px!important;
    }

   
    
    

    .expertCard .expertImage img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        object-fit: fill;
    }

    .expertCard .expertDetails {
        width: 882px
    }

    .expertCardTransactions {
        padding-left: 40px
    }
    
    
       .expertAppointmentButtons button {
        width: 125px;
        height: 33px;
        font-size: 14px
    }

@media (min-width: 576px)

    

.expertCard {
    width: 350px !important;
    min-height: 500px !important;
}

@media (min-width: 1400px)
.expertCard {
    width: 900px !important;
    height: 295px;
}


@media (min-width: 1200px)


.expertCard {
    width: 730px !important;
    background-color: #fff;
    height: 285px;
    box-sizing: border-box;
    padding: 31px 41px 34px 33px;
    box-shadow: 0 3px 43px 0 rgba(0,0,0,.09);
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}


@media (min-width: 992px)
.expertCard {
    margin: 0 auto;
    width: 800px !important;
    height: 280px;
}

@media only screen and (min-width: 1200px) {
    
  .expertCard .expertImageBox {
        width: 150px
    }
    
}

       
    


@media only screen and (max-width: 1690px) {
         header {
             display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;}


    
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1366px) {
     .acilir-menu {background-color: #fff;width:100%;height: 100vh;position: fixed;top:0;left:0;z-index: 999999;padding: 30px;display: block;}
  .mobile-menu li {
    line-height: 30px;}
    .mobile-menu h4 {color: #37393F;
      font-family: Montserrat;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;}
  .mobile-menu svg {margin-right:10px;}
  .mobile-menu a {color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}

    .mobile-menu-logo {display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;}

}
@media only screen and (max-width: 1024px) {
    
     header {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
  margin-top:30px;}
}


@media only screen and (min-width: 768px) {
    .doktor-detay img.doktor-profil {
     width: 150px !important;
        height:150px !important;
        display: block; 
}

   
    .mobileSignUpDoctor{
        margin-top:-130px;
        z-index:99;position:absolute;
    }
    
}

@media only screen and (max-width: 768px) {
    
       
    .mobileSignUpDoctor{
        margin-top:-75px;
        z-index:99;position:absolute;
    }
    
    
.doktor-detay img.doktor-profil {
     width: 150px !important;
        height:150px !important;
        display: block; 
}
    .doktor img.doktor-profil { 
        width: 80px !important;
        height:80px !important;
        display: block; 
        
    }
    
    .doktor a p {
    width: 100px;
    padding: 6px !important;
    flex-shrink: 0;
    border-radius: 5px;
    background: linear-gradient(230deg, #372D91 0%, #D94A9C 100%);
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}

.item > .doktor {
    height:250px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding:10px;
}

.doktor span {
    color: #999;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}









.one-cikan-doktorlar .item {
    width: 96%;
    left: 5%;
    position: relative;
}

 .acilir-menu {background-color: #fff;width:100%;height: 100vh;position: fixed;top:0;left:0;z-index: 999999;padding: 30px;display: block;}
  .mobile-menu li {
    line-height: 30px;}
    .mobile-menu h4 {color: #37393F;
      font-family: Montserrat;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;}
  .mobile-menu svg {margin-right:10px;}
  .mobile-menu a {color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}

    .mobile-menu-logo {display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;}

  header {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
  margin-top:30px;}

  .search-bar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 30px;
    margin-top:30px !important;
    width: 90% !important;
    left: 5%;
    position: relative;
    }

  .social-mobile {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;}

  .social-mobile {color: #372D90;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.523%; /* 26.014px */}

  .search-bar form {display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 90%;
  }

  .ulke select, .ulke {width: 100%;}

  .search-bar form button {width:100%;}

  .slider {margin-top:30px !important;}

  .one-cikan-doktorlar {margin-top:30px !important;}
  .one-cikan-doktorlar h2 {font-size: 20px;}

  .customer-comments {display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  gap:50px} 

  .instagram-feed h2 {font-size:20px; margin-bottom: 20px;}

  .instagram-feed {margin-top:100px !important;}

  .profiles {gap:10px;}

  .photo-gallery img {width:100%;}

  .blog {margin-top:80px !important;}
  .blog h2 {font-size:20px; margin-bottom:30px !important;}

  .form {margin-top:50px !important;}
  .form h2 {font-size:20px;}

  .footer-info {display: flex;
    flex-direction: column;
    align-items: flex-start; margin-top:40px !important;}

  .footer-menu {margin-bottom:50px !important;}
  .footer-social {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px; margin-top:30px !important;}

    .pagination {justify-content: center;}

    .doktorlar-sidebar-form {border-radius: 5px;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); padding: 20px;}

    .filtrele-button {
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      border-radius: 5px;
      padding: 14px;
      margin-bottom: 10px;
      background: #FFF;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
      }

      .filtrele-button p {color: #444;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 12px; /* 100% */-left:10px}

      .filtrele-sol {display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
      gap:10px}

      .doktor-tab ul li a {font-size: 12px;}
      .doktor-tab ul li a.active {font-size: 12px;}
      .doktor-tab ul {gap: 17px;}

      .yapilan-gorusmeler {margin-top:50px !important;}

      .doktor-detay-randevu img {width:70px;
      }
    
      .doktor-detay-randevu p {
    font-size: 12px;
    text-align: left;
}
      
        .doktor-detay-randevu span {
    text-align: left;
}
    
    .doktor-sag-randevu {
      gap: 8px;
      margin-left: auto;
      }
      .doktor-sagson-randevu p {
    text-align: right;
    }

    .mobile-flex {
      box-shadow: none;
      display: flex;
      justify-content: center;
      align-content: flex-start;
      flex-wrap: nowrap;
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
      padding: 0 24px 0 0;
      }
      
      .doktor-detay-randevu {gap: 10px;}


      .textarea button {width: 100%;}

      
  
  .ozellik {
    height: 100px;
}

.ozellik p {
    color: #37393F;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 127%;
}

.ozellik svg {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
}

h2.how-we-work {
    color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%;
    margin-bottom: 100px !important;
}
    
}
@media only screen and (max-width: 460px) {
    
 

  .acilir-menu {background-color: #fff;width:100%;height: 100vh;position: fixed;top:0;left:0;z-index: 999999;padding: 30px;display: block;}
  .mobile-menu li {
    line-height: 30px;}
    .mobile-menu h4 {color: #37393F;
      font-family: Montserrat;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;}
  .mobile-menu svg {margin-right:10px;}
  .mobile-menu a {color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}

    .mobile-menu-logo {display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;}

  header {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
  margin-top:30px;}

  .search-bar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 30px;
    margin-top:30px !important;
    width: 90% !important;
    left: 5%;
    position: relative;
    }

  .social-mobile {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;}

  .social-mobile {color: #372D90;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.523%; /* 26.014px */}

  .search-bar form {display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 90%;
  }

  .ulke select, .ulke {width: 100%;}

  .search-bar form button {width:100%;}

  .slider {margin-top:30px !important;}

  .one-cikan-doktorlar {margin-top:30px !important;}
  .one-cikan-doktorlar h2 {font-size: 20px;}

  .customer-comments {display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  gap:50px} 

  .instagram-feed h2 {font-size:20px; margin-bottom: 20px;}

  .instagram-feed {margin-top:100px !important;}

  .profiles {gap:10px;}

  .photo-gallery img {width:100%;}

  .blog {margin-top:80px !important;}
  .blog h2 {font-size:20px; margin-bottom:30px !important;}

  .form {margin-top:50px !important;}
  .form h2 {font-size:20px;}

  .footer-info {display: flex;
    flex-direction: column;
    align-items: flex-start; margin-top:40px !important;}

  .footer-menu {margin-bottom:50px !important;}
  .footer-social {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px; margin-top:30px !important;}

    .pagination {justify-content: center;}

    .doktorlar-sidebar-form {border-radius: 5px;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); padding: 20px;}

    .filtrele-button {
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      border-radius: 5px;
      padding: 14px;
      margin-bottom: 10px;
      background: #FFF;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
      }

      .filtrele-button p {color: #444;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 12px; /* 100% */-left:10px}

      .filtrele-sol {display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
      gap:10px}

      .doktor-tab ul li a {font-size: 12px;}
      .doktor-tab ul li a.active {font-size: 12px;}
      .doktor-tab ul {gap: 17px;}

      .yapilan-gorusmeler {margin-top:50px !important;}

      .doktor-detay-randevu img {width:70px;
      }
    
      .doktor-detay-randevu p {
    font-size: 12px;
    text-align: left;
}
      
        .doktor-detay-randevu span {
    text-align: left;
}
    
    .doktor-sag-randevu {
      gap: 8px;
      margin-left: auto;
      }
      .doktor-sagson-randevu p {
    text-align: right;
    }

    .mobile-flex {
      box-shadow: none;
      display: flex;
      justify-content: center;
      align-content: flex-start;
      flex-wrap: nowrap;
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
      padding: 0 24px 0 0;
      }
      
      .doktor-detay-randevu {gap: 10px;}


      .textarea button {width: 100%;}

        .ozellik {
    height: 100px;
}

.ozellik p {
    color: #37393F;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 127%;
}

.ozellik svg {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}
 h2.how-we-work {
    color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%;
    margin-bottom: 100px !important;
} 

}
@media only screen and (max-width: 395px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
    
    
	.single-box {
		padding: 50px 0 40px;
	}
	.single-box .img-area {
		width: 100%;
		float: none;
	}
	.single-box .content {
		width: 100%;
		float: none;
	}
    
}


@media only screen and (max-width: 320px) {
    
    
	.single-box {
		padding: 50px 0 40px;
	}
	.single-box .img-area {
		width: 100%;
		float: none;
	}
	.single-box .content {
		width: 100%;
		float: none;
	}
}